<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.lzqcode.com" />
    <meta name="robots" content="all" />
    <title>留言板</title>
    <link rel="stylesheet" href="../../static/css/font.css">
    <link rel="stylesheet" href="../../static/css/index.css">
    <link rel="stylesheet" href="../../static/shequ/layui/css/layui.css" />
    <link rel="stylesheet" href="../../static/shequ/css/message.css" />
</head>

<body >
<!--    <div class="header">-->
<!--    </div>-->
<header class="gird-header">
    <div class="header-fixed">

    </div>
</header>

<div class="doc-container" id="doc-container">
    <div class="container-fixed">
        <div class="container-inner">
            <section class="msg-remark">
                <h1>留言板</h1>
                <p>
                    沟通交流，拉近你我！
                </p>
            </section>
            <div class="textarea-wrap message" id="textarea-wrap">
                <form class="layui-form blog-editor" action="/toaddcontent" method="post">
                    <div class="layui-form-item">
                        <textarea name="content" lay-verify="content" id="remarkEditor" placeholder="请输入内容" class="layui-textarea layui-hide"></textarea>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn" lay-submit="formLeaveMessage" lay-filter="formLeaveMessage">提交留言</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="f-cb"></div>
        <div class="mt20">
            <ul class="message-list" id="message-list">
                <li class="zoomIn article" th:each="list:${msg}">
                    <div class="comment-parent">
                        <a name="remark-1"></a>
                        <img src="/static/img/guangyu.jpg" th:src="@{${list.getPath()}}"/>
                        <div class="info">
                            <span class="username" th:text="${list.getAcco_name()}">冰</span>
                        </div>
                        <div class="comment-content" th:text="${list.getContent()}">
                            大哥带一下
                        </div>
                        <p class="info info-footer">
                            <i class="fa fa-map-marker" aria-hidden="true"></i>
                            <span>深圳</span>
                            <span class="comment-time" th:text="${list.getCreate_time()}">2020-07-01</span>
                        </p>
                    </div>
                    <hr />

                </li>
            </ul>
        </div>
    </div>
</div>
<footer class="grid-footer">
    <div class="footer-fixed">
        <div class="copyright">
            <div class="info">
                <div class="contact">
                    <a href="javascript:void(0)" class="github" target="_blank"><i class="fa fa-github"></i></a>
                    <a href="#" class="qq" target="_blank"><i class="fa fa-qq"></i></a>
                    <a href="#" class="email" target="_blank"><i class="fa fa-envelope"></i></a>
                    <a href="javascript:void(0)" class="weixin"><i class="fa fa-weixin"></i></a>
                </div>
                <p class="mt05">
                    Copyright &copy; 2019-2020 ZQ博客 All Rights Reserved V.3.1.3 Power by ZQ博客
                </p>
            </div>
        </div>
    </div>
</footer>
<script th:src="@{/static/shequ/layui/layui.js}"></script>
<script th:src="@{/static/shequ/js/yss/gloable.js}"></script>
<script th:src="@{/static/shequ/js/plugins/nprogress.js}"></script>
<script>
    NProgress.start();
</script>
<script th:src="@{/static/shequ/js/pagemessage.js}"></script>
<script>
    NProgress.start();
</script>
<script>
    window.onload = function() {
        NProgress.done();
    };
</script>
</body>

</html>